<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
		<meta name="HandheldFriendly" content="true" />
  		<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />
  		<meta name="apple-mobile-web-app-capable" content="yes" />
  		
		<title>Directorio Orq</title>
	
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
		<link rel="stylesheet" href="css/styles.css"/>
  		<link rel="stylesheet" href="css/photoswipe.css"/>
  		<script src="javascript/klass.min.js"></script>
  		<script src="javascript/code.photoswipe-3.0.4.min.js"></script>
		<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head>
<body>
		
		<div data-role="page" id="Partituras" data-Theme="d">
			<div data-role="header" align="center" data-theme="d">
				<a href="#" data-role="button" data-icon="arrow-l" data-transition="slide" data-rel="back" data-iconpos="notext" >Regresar</a>
				<br>
					<img alt="" src="images/sml-logo.png">
				<a href="#" data-role="button" data-icon="home" data-transition="slide" onclick="irAlInicio()" data-iconpos="notext" >Inicio</a>		
			</div>
			<div data-role="content" align="center">
			<h2>Partituras</h2><br>
				<ul id="Partituras" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Filtro de Busqueda...">
					<s:iterator value="partiturasList">
						<li value="<s:property value="idPartitura"/>" onclick="llamarAction(this.value,<s:property value="instrumento"/>,<s:property value="familia"/>)">
						<a href="" style="font-size:18px">
							<s:property value="nombre"/>			
						</a>
						<p><s:property value="anho"/></p>
						<p><s:property value="descripcion"/></p>
						</li>
					</s:iterator>
				</ul>
				<script type="text/javascript">				
				 function llamarAction(idPartitura, idInstrumento, idFamilia){
					 var url_imagenes = "detalles_Detalles.action";
					 document.location = url_imagenes+"?idPartitura="+idPartitura+"&idInstrumento="+idInstrumento+"&idFamilia="+idFamilia;		
				 }
				 function irAlInicio(){
						var url_inicio = "index.action";
						document.location = url_inicio;
				}
				</script>
			</div>		
		</div>
</body>
</html>